<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title><?php echo $headConf['title']?></title>
    <link rel="icon" type="text/css" href="../../../Public/Home/icon.ico" />
    <?php foreach($headConf['css'] as $k=>$v){ ?>
    <link rel="stylesheet" type="text/css" href="/c73/php_beijing/mall/Public/Home/css/<?php echo ($v); ?>.css" />
    <?php } ?>
    <!--用js变量存储购物车异步请求地址-->
    <script>
//        ajax异步请求更新购物车,声明变量以便在js文件中使用
        var ajaxUpdateCart = "<?php echo u('cart/ajaxUpdateCart');?>";
//        ajax异步请求删除购物车中的一条数据，声明变量以便在js文件中使用
        var ajaxDelCartGoods = "<?php echo u('cart/ajaxDelCartGoods');?>";
//        ajax异步请求修改默认地址，声明变量以便在js文件中使用
        var ajaxUpdateSelectedAd = "<?php echo u('order/ajaxUpdateSelectedAd');?>";
//        ajax异步请求删除默认地址，声明变量以便在js文件中使用
        var ajaxDelAddress = "<?php echo u('order/ajaxDelAddress');?>";
    </script>
    <script src="/c73/php_beijing/mall/Public/Home/js/jquery-1.10.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/c73/php_beijing/mall/Public/Home/layer/layer.js"></script>
    <?php foreach($headConf['js'] as $k=>$v){ ?>
    <script src="/c73/php_beijing/mall/Public/Home/js/<?php echo $v ?>.js" type="text/javascript" charset="utf-8"></script>
    <?php } ?>
</head>
<body>
<!--头部开始-->
<div id="top">
    <!--头部灰条就开始-->
    <div class="topbox">
        <div class="main">
            <div class="topleft fl">
                <a href="javascript:;">欢迎来到冰雨商城</a>

            </div>
            <div class="topright fr">
                <div class="login fl">
                    <?php if(!session('home.uid')){ ?>
                    <a href="<?php echo U('user/login');?>">登录</a>
                    <a href="<?php echo U('user/reg');?>">注册</a>
                    <?php }else{ ?>
                    <a href="<?php echo u('order/index');?>" style="color:#fff">欢迎您 <?php echo session('home.username');?></a>
                    <a href="<?php echo U('user/loginOut');?>">退出</a>
                    <?php }?>
                </div>
                <span class="fl">|</span>
                <div class="fcode fl">

                    <a href="<?php echo u('order/index');?>">我的订单</a>
                </div>
            </div>
        </div>
    </div>
    <!--头部灰条结束-->

    <!--logo区域开始-->
    <div class="logoRegion">
        <div class="main">
            <div class="logo">
                <a href="<?php echo U('home/index/index');?>"><img src="/c73/php_beijing/mall/Public/Home/images/360logo.png"/></a>
            </div>
            <div class="seachRegion">
                <div class="seach fl">
                    <form action="" method="post">
                        <input type="text" class="seachtxt fl" value="O2+车载空气净化" />
                        <input type="submit" class="btn" value="" />
                    </form>
                    <p class="searchkey">
                        <a href="">电竞配件低至5折</a>
                        <a href="">电竞配件低至5折</a>
                        <a href="">电竞配件低至5折</a>
                    </p>

                </div>
                <style>
                    .cart-tips ul {
                        padding:10px 20px;
                        overflow: hidden;
                    }
                    .cart-tips ul li{
                        overflow: hidden;
                        height:70px;
                        line-height:70px;
                        border-bottom: 1px solid #ccc;
                    }
                    .cart-tips ul li:last-child{
                        border:none;
                    }
                    .cart-tips  .pic {
                        float: left;
                    }
                    .cart-tips  .title a{
                        float: left;
                        color:#666;
                        width:142px;
                        overflow: hidden;
                        white-space:nowrap;
                        text-overflow:ellipsis;
                        margin-left: 10px;
                    }
                    .cart-tips  .price_num{
                        float: left;
                        margin-left: 30px;
                    }
                    .cart-tips  .del{
                        color:#666;
                        float: right;
                    }
                </style>
                <script>
//                    在载入页面的时候出发异步请求，获取购物车中的数量
                    $(function(){
                        $.post("<?php echo U('cart/ajaxGetCartNum');?>",{},function(res){
                            if(res){
                                $('#cart_num').text(res);
                            }
                        },'json');
                    })
                </script>
                <div class="topshopcart fr">
                    <a href="<?php echo U('cart/index');?>" class="header-cart"><i></i>我的购物车<span class="cart-size">(<span id="cart_num">0</span>)</span></a>
                    <div class="cart-tips" style="height:auto;">
                        <ul>
                            <li style="text-align:center;">购物车中还没有商品~ 去 <a href="#" style="color:red;">购物</a></li>
                        </ul>
                    </div>
                </div>
                <script>
                    $(function(){
                        $('.header-cart').mouseenter(function(){
                            $.post("<?php echo u('cart/ajaxGetCartData');?>",{},function(res){
                                if(res){
                                    var str= '';
                                    $.each(res,function(k,v){
                                        str +=
                                            '<li>' +
                                            '<a href="<?php echo u('cart/index');?>" class="pic"><img src="/c73/php_beijing/mall/'+v.pic+'" width="50"></a>' +
                                            '<p class="title"><a href="<?php echo u('cart/index');?>">'+v.name+'</a></p>' +
                                            '<p class="price_num">'+v.price+' X'+v.num+'</p>' +
                                            '<a href="javascript:;" class="delCartData" ucid="'+v.ucid+'" sid="'+k+'">X</a>' +
                                            '</li>';
                                    })
                                    str = '<ul>'+str+'</ul>';
                                    $('.header-cart').siblings('.cart-tips').find('ul').replaceWith(str);
                                }
                            },'json');
                        })
                        $(document).on('click','.delCartData',function(){
                            var _this= $(this);
                            $.post("<?php echo U('cart/ajaxDelCartData');?>",{ucid:$(this).attr('ucid'),sid:$(this).attr('sid')},function(res){
                                if(res){
                                    _this.parent().remove();
                                }
                            },'json');
                        })
                    })
                </script>
            </div>

        </div>
    </div>
    <!--logo区域结束-->
    <!--导航开始-->
    <div class="navbox">
        <div class="main">
            <h5 class="fl"><a href=""><i></i>全部智能酷品</a></h5>
            <ul class="menu fl">
                <?php if(is_array($data)): foreach($data as $k=>$v): ?><li class="menulist">
                        <a href="list.html"><?php echo ($v['cname']); ?></a>
                        <div class="menuHiden">

                            <ul class="product">
                                <?php if(is_array($randData)): foreach($randData as $k=>$v): ?><li>
                                        <a href=""><img width="120" src="/c73/php_beijing/mall/<?php echo ($v['pic']); ?>" /></a>
                                    </li><?php endforeach; endif; ?>
                            </ul>

                        </div>
                    </li><?php endforeach; endif; ?>
            </ul>

        </div>


        
<div class="main hiden">
    <div class="navHidden">
        <ul class="list2">


            <!--制定输出条数，可以直接用volist标签中的offset="5" length='10'，参考手册中【模板-内置标签-volist】-->
            <?php $index = 0; ?>
            <?php foreach($data as $k=>$v){ ?>
            <?php $index++ ?>
            <?php if($index<=8){ ?>
            <li>
                <a href="<?php echo u('Home/List/index',['cid'=>$v['cid']]);?>"><i></i><?php echo $v['cname'];?></a>
                <div class="listhide">
                    <div class="contentOne">
                        <?php foreach($v['_data'] as $m=>$n){ ?>
                        <dl>
                            <dt><a style="margin-left:0px;padding-left:0px;" href="<?php echo u('Home/List/index',['cid'=>$n['cid']]);?>"><?php echo $n['cname']?></a></dt>


                            <!--判断是否有3级分类，如果没有则直接循环二级分类下的10条商品-->
                            <?php if($n['tenData']){ ?>
                                <?php foreach($n['_data'] as $j=>$g){ ?>
                                <dd>
                                    <a href="<?php echo u('Home/content/index',['gid'=>$g['gid']]);?>" class="noo"><?php echo $g['sname']?></a>
                                </dd>
                                <?php } ?>
                            <?php }else{ ?>
                                <?php foreach($n['_data'] as $j=>$g){ ?>
                                <dd>
                                    <a href="<?php echo u('home/list/index',['cid'=>$g['cid']]);?>" class="noo"><?php echo $g['cname'] ?></a>
                                </dd>
                                <?php } ?>

                            <?php }?>



                        </dl>
                        <?php } ?>
                    </div>
                </div>
            </li>
            <?php } ?>
            <?php } ?>

        </ul>
    </div>
    <div class="topad">
        <div class="righttopad">
            <a href=""><img src="/c73/php_beijing/mall/Public/Home/images/right.png"/></a>
        </div>
        <div class="righttopad">
            <a href=""><img src="/c73/php_beijing/mall/Public/Home/images/right.png"/></a>
        </div>
    </div>
</div>
</div>
<!--导航结束-->
<div class="clear"></div>
<!--banner开始-->
<div class="banner">
    <ul class="pic">
        <li style="background: url('/c73/php_beijing/mall/Public/Home/images/1.webp.jpg') no-repeat center center;">
            <a href=""></a>
        </li>
        <li style="background: url(/c73/php_beijing/mall/Public/Home/images/2.webp.jpg) no-repeat center center;">
            <a href=""></a>
        </li>
        <li style="background: url(/c73/php_beijing/mall/Public/Home/images/3.webp.jpg) no-repeat center center;">
            <a href=""></a>
        </li>
        <li style="background: url(/c73/php_beijing/mall/Public/Home/images/4.webp.jpg) no-repeat center center;">
            <a href=""></a>
        </li>
        <li style="background: url(/c73/php_beijing/mall/Public/Home/images/5.webp.jpg) no-repeat center center;">
            <a href=""></a>
        </li>

    </ul>
    <ul class="dot">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <span class="prev"></span><span class="next"></span>
</div>
<!--banner结束-->
</div>
<!--头部结束-->
<!--中间开始-->
<div id="content">
    <div class="main">
        <div class="tip">
            <ul>
                <li>
                    <a href="#"><img src="/c73/php_beijing/mall/Public/Home/images/11.png" alt=""/></a>
                </li>
                <li>
                    <a href="#"><img src="/c73/php_beijing/mall/Public/Home/images/11.png" alt=""/></a>
                </li>
                <li>
                    <a href="#"><img src="/c73/php_beijing/mall/Public/Home/images/11.png" alt=""/></a>
                </li>
                <li>
                    <a href="#"><img src="/c73/php_beijing/mall/Public/Home/images/11.png" alt=""/></a>
                </li>
                <li>
                    <a href="#"><img src="/c73/php_beijing/mall/Public/Home/images/11.png" alt=""/></a>
                </li>
            </ul>
        </div>
        <div class="hot" id="hot">
            <h5 class="hline">
                <span class="vline"></span>
                <span class="tiao"></span>
                <span class="zi">热门活动</span>
                <span class="tiao"></span>
                <span class="vline"></span></h5>
        </div>
        <ul class="part-container">
            <li class="ac0">
                <a href="" target="_blank"> <img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/1.webp"> </a>
            </li>
            <li class="ac1">
                <a href="" target="_blank"> <img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/2.webp"> </a>
            </li>
            <li class="ac2">
                <a href="" target="_blank"> <img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/3.webp"> </a>
            </li>
            <li class="ac3">
                <a href="" target="_blank"> <img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/4.webp"> </a>
            </li>
            <li class="ac4">
                <a href="" target="_blank"> <img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/5.webp"> </a>
            </li>
            <li class="ac5">
                <a href="" target="_blank"> <img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/1.webp"> </a>
            </li>
        </ul>
        <!--楼层一-->
        <div class="container" id="floor1">
            <div class="part-title">360手机</div>
            <div class="part-hot">
                <span class="hotsou">热搜：</span>
                <ul>
                    <li>
                        <a href="#" target="_blank">360手机Q5</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="#" target="_blank">360手机N4S</a>
                    </li>

                </ul>
            </div>
            <a href="#" target="_blank" class="indexmore">更多</a>
        </div>
        <div class="container">
            <div class="part-left">
                <a class="part-left1" href="#" target="_blank">
                    <img src="/c73/php_beijing/mall/Public/Home/images/flot1.webp">
                </a>
                <a class="part-left2" href="" target="_blank">
                    <img src="/c73/php_beijing/mall/Public/Home/images/shouji.webp">
                </a>
            </div>
            <div class="part-center">
                <ul>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="part-right">
                <p class="part-suggest-title">热销推荐</p>
                <div class="slideBox">
                    <div class="slider-film">
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                    </div>
                    <div class="slider-film">
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                    </div>
                </div>
                <div class="slide-point">
                    <a href="javascript:;" class="curr-point"></a>
                    <a href="javascript:;"></a>
                </div>

            </div>
        </div>
        <!--楼层二-->
        <div class="container" id="floor2">
            <div class="part-title">360手机</div>
            <div class="part-hot">
                <span class="hotsou">热搜：</span>
                <ul>
                    <li>
                        <a href="#" target="_blank">360手机Q5</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="#" target="_blank">360手机N4S</a>
                    </li>

                </ul>
            </div>
            <a href="#" target="_blank" class="indexmore">更多</a>
        </div>
        <div class="container">
            <div class="part-left">
                <a class="part-left1" href="#" target="_blank">
                    <img src="/c73/php_beijing/mall/Public/Home/images/flot1.webp">
                </a>
                <a class="part-left2" href="" target="_blank">
                    <img src="/c73/php_beijing/mall/Public/Home/images/shouji.webp">
                </a>
            </div>
            <div class="part-center">
                <ul>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="part-right">
                <p class="part-suggest-title">热销推荐</p>
                <div class="slideBox">
                    <div class="slider-film">
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                    </div>
                    <div class="slider-film">
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                    </div>
                </div>
                <div class="slide-point">
                    <a href="javascript:;" class="curr-point"></a>
                    <a href="javascript:;"></a>
                </div>

            </div>
        </div>
        <!--楼层三-->
        <div class="container" id="floor3">
            <div class="part-title">360手机</div>
            <div class="part-hot">
                <span class="hotsou">热搜：</span>
                <ul>
                    <li>
                        <a href="#" target="_blank">360手机Q5</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="#" target="_blank">360手机N4S</a>
                    </li>

                </ul>
            </div>
            <a href="#" target="_blank" class="indexmore">更多</a>
        </div>
        <div class="container">
            <div class="part-left">
                <a class="part-left1" href="#" target="_blank">
                    <img src="/c73/php_beijing/mall/Public/Home/images/flot1.webp">
                </a>
                <a class="part-left2" href="" target="_blank">
                    <img src="/c73/php_beijing/mall/Public/Home/images/shouji.webp">
                </a>
            </div>
            <div class="part-center">
                <ul>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="part-right">
                <p class="part-suggest-title">热销推荐</p>
                <div class="slideBox">
                    <div class="slider-film">
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                    </div>
                    <div class="slider-film">
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                    </div>
                </div>
                <div class="slide-point">
                    <a href="javascript:;" class="curr-point"></a>
                    <a href="javascript:;"></a>
                </div>

            </div>
        </div>
        <!--楼层四-->
        <div class="container" id="floor4">
            <div class="part-title">360手机</div>
            <div class="part-hot">
                <span class="hotsou">热搜：</span>
                <ul>
                    <li>
                        <a href="#" target="_blank">360手机Q5</a>
                    </li>
                    <li>|</li>
                    <li>
                        <a href="#" target="_blank">360手机N4S</a>
                    </li>

                </ul>
            </div>
            <a href="#" target="_blank" class="indexmore">更多</a>
        </div>
        <div class="container">
            <div class="part-left">
                <a class="part-left1" href="#" target="_blank">
                    <img src="/c73/php_beijing/mall/Public/Home/images/flot1.webp">
                </a>
                <a class="part-left2" href="" target="_blank">
                    <img src="/c73/php_beijing/mall/Public/Home/images/shouji.webp">
                </a>
            </div>
            <div class="part-center">
                <ul>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="title">可爱优彼小熊</span>
                            <span class="info">宝宝的好老师 妈咪的好帮手</span>
                            <span class="price">低至7折</span>
                            <img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp" alt=""/>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="part-right">
                <p class="part-suggest-title">热销推荐</p>
                <div class="slideBox">
                    <div class="slider-film">
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 1</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                    </div>
                    <div class="slider-film">
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                        <a href="#">
                            <dl>
                                <dt><img src="/c73/php_beijing/mall/Public/Home/images/flot2.webp"></dt>
                                <dd class="title">黑爵GT游戏鼠标 2</dd>
                                <dd class="info">六色呼吸灯 竞技版</dd>
                                <dd class="price"><i class="yen">￥</i>99</dd>
                            </dl>
                        </a>
                    </div>
                </div>
                <div class="slide-point">
                    <a href="javascript:;" class="curr-point"></a>
                    <a href="javascript:;"></a>
                </div>

            </div>
        </div>
        <!--新品速递-->
        <div class="newproduct" id="newproduct">
            <div class="part-title">新品速递</div>
            <ul class="newproduct-list">
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
                <li>
                    <a href="" class="new-item">
                        <dl>
                            <dt><img class="js-lazyload" src="/c73/php_beijing/mall/Public/Home/images/right.png"></dt>
                            <dd class="title">铁三角（Audio-technica）ATH-CKB50 平衡动铁时尚入耳式耳机</dd>
                            <dd class="price"><span><i class="yen">￥</i>289</span> 09-18上新</dd>
                        </dl>
                    </a>
                </li>
            </ul>
            <div class="nomore" style="display: block;">没有更多了</div>
        </div>
    </div>
</div>
<!--中间结束-->
<!--左侧楼层开始-->
<div class="floor">
    <ul>
        <li class="on1">
            <a href="javascript:;"><span>1F<br />活动</span></a>
        </li>
        <li class="on2">
            <a href="javascript:;"><span>2F<br />活动</span></a>
        </li>
        <li class="on3">
            <a href="javascript:;"><span>3F<br />活动</span></a>
        </li>
        <li class="on4">
            <a href="javascript:;"><span>4F<br />活动</span></a>
        </li>
        <li class="on5">
            <a href="javascript:;"><span>5F<br />活动</span></a>
        </li>
        <li class="on6">
            <a href="javascript:;"><span>6F<br />活动</span></a>
        </li>
    </ul>

</div>

<!--左侧楼层结束-->




        <!--尾部开始-->
        <div class="mod-footer">
            <div class="foot-bannerw">
                <div class="foot-banner clearfix">
                    <div class="banner-item">
                        <a href="#" target="_blank" data-monitor="home_foot_days7"><i class="icon1">7</i>7天无理由退货</a>
                    </div>
                    <div class="banner-item">
                        <a href="#" target="_blank" data-monitor="home_foot_days15"><i class="icon2">15</i>15天免费换货</a>
                    </div>
                    <div class="banner-item"><i class="icon3">包</i>满99元包邮</div>
                    <div class="banner-item">
                        <a href="#" target="_blank" data-monitor="home_foot_moblie"><i class="icon4">服</i>手机特色服务</a>
                    </div>
                </div>
            </div>
            <div class="foot-containerw">
                <div class="foot-container clearfix">
                    <dl class="foot-con"> <dt data-monitor="home_foot_freshman">帮助中心 </dt>
                        <dd data-monitor="home_help_freshman">
                            <a target="_blank" href="#" rel="nofollow">用户注册</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">用户登录与密码找回</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">购买指南</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">支付方式</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">配送与说明</a>
                        </dd>
                    </dl>
                    <dl class="foot-con"> <dt data-monitor="home_foot_help">售后服务 </dt>
                        <dd data-monitor="home_help_help">
                            <a target="_blank" href="#">7 日无理由退货</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">质量问题 15 日内换货</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">保修条款</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">服务流程</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">安迷之家</a>
                        </dd>
                    </dl>
                    <dl class="foot-con"> <dt data-monitor="home_foot_guide">特色服务 </dt>
                        <dd data-monitor="home_help_guide">
                            <a target="_blank" href="#" rel="nofollow">F码通道</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">免费试用</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">360 生态</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">一元夺宝</a>
                        </dd>
                    </dl>
                    <dl class="foot-con"> <dt data-monitor="home_foot_tuiguang">推广合作 </dt>
                        <dd data-monitor="home_help_try">
                            <a target="_blank" href="#" rel="nofollow">商品入驻</a>
                        </dd>
                        <dd>
                            <a target="_blank" href="#" rel="nofollow">大客户采购</a>
                        </dd>
                    </dl>
                    <dl class="foot-con"> <dt data-monitor="home_foot_try">关注360商城 </dt>
                        <dd data-monitor="home_help_try">
                            <a target="_blank" href="#" rel="nofollow">360商城大事记</a>
                        </dd>
                    </dl>

                </div>
            </div>
            <div class="footer-copyright">冰雨商城 ©2016-2018 BYCMS工作室版权所有 京ICP备000001号-43</div>
        </div>
        <!--尾部结束-->

        <!--右边底部返回顶部-->
        <div class="slidebar" id="slidebar">
            <ul>
                <li class="topback">
                    <a href="javascript:;"></a>
                </li>
            </ul>
        </div>
        <!--右边底部返回顶部结束-->

</body>

</html>